<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>欢迎页</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<style>
    html, body {
        height: 100%;
        overflow-x: hidden;
    }
    .gray-bg{
        background:#f3f3f4;
    }
    .top-panel{
        width:360px;
        height:86px;
        float: left;
        margin-left:50px;
        margin-top: 25px;
    }
    .center-panel{
        width:1590px;
        height:300px;
        margin-left:50px;
    }
    .bottom-panel{
        width:498px;
        height:575px;
        float: left;
        margin-left:50px;
    }
    .glyphicon{
        font-size:35px;
        text-shadow: black 5px 3px 3px;
    }

    .panel-body .row{
        text-align: center;
    }
    .panel-body .panel-img{
        width: 56px;
    }
    .panel-p{
        color: #666;

    }
    .panel-body .row p{
        margin-bottom: 6px;
    }
    #a{
        color: #05b7f1;
    }
    #b{
        color: #12b5b0;
    }
    #c{
        color: #f19049;
    }
    #d{
        color: #80c26a;
    }
    .panel-body .col-sm-6{
        padding-left: 0;
    }
    .panel-body .col-sm-4{
        padding-right: 0;
    }
</style>
<body class="gray-bg">
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="panel panel-default top-panel">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-5">
                        <img src="img/ico_01.png" class="panel-img">
                    </div>
                    <div class="col-sm-5">
                        <p class="panel-p">已审批的文件数</p>
                        <p id="a" style="font-weight: bolder;font-size:19px"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-default top-panel">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-5">
                        <img src="img/ico_02.png" class="panel-img">
                    </div>
                    <div class="col-sm-5">
                        <p class="panel-p">待审批文件数</p>
                        <p id="b" style="font-weight: bolder;font-size:19px"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-default top-panel">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-5">
                        <img src="img/ico_03.png" class="panel-img">
                    </div>
                    <div class="col-sm-5">
                        <p class="panel-p">未通过文件数</p>
                        <p id="c" style="font-weight: bolder;font-size:19px"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-default top-panel">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-5">
                        <img src="img/ico_04.png" class="panel-img">
                    </div>
                    <div class="col-sm-5">
                        <p class="panel-p">全部文件数</p>
                        <p id="d" style="font-weight: bolder;font-size:19px"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content">
    <div class="row">
        <div class="panel panel-default center-panel">
            <div class="panel-body" style="width:1600px;height:320px;" id="main">
            </div>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content">
    <div class="row" id="formSearch" name="formSearch">
        <div class="panel panel-default bottom-panel">
            <div class="panel-body">
                <table id="exampleTable" data-mobile-responsive="true">

                </table>
            </div>
        </div>
        <div class="panel panel-default bottom-panel" >
            <div class="panel-body" style="width:500px;height:575px;" id="bottom-tow">
            </div>
        </div>
        <div class="panel panel-default bottom-panel" >
            <div class="panel-body" style="width:500px;height:575px;" id="bottom-three">
            </div>
        </div>
    </div>
</div>
</body>

<script src="js/jquery.min.js"></script>
<script src="js/openTab.js"></script>

<script type="text/javascript" src="/js/main.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<div th:include="include :: footer"></div>
</html>